$(document).ready(function () {
    // 过滤按钮点击事件
    $('#filterBtn').click(function () {
        $('#filterPanel').toggleClass('show');
        $('#sortMenu').removeClass('show');
    });

    // 排序按钮点击事件
    $('#sortBtn').click(function (e) {
        $('#sortMenu').toggleClass('show');
        $('#filterPanel').removeClass('show');
        e.stopPropagation(); // 阻止事件冒泡
    });

    // 点击页面其他区域关闭排序菜单
    $(document).click(function () {
        $('#sortMenu').removeClass('show');
    });

    // 阻止排序菜单内的点击事件冒泡
    $('#sortMenu').click(function (e) {
        e.stopPropagation();
    });

    // 排序选项点击事件
    $('.sort-option').click(function () {
        $('.sort-option').removeClass('active');
        $(this).addClass('active');
    });

    // 排序顺序点击事件
    $('.order-option').click(function () {
        $('.order-option').removeClass('active');
        $(this).addClass('active');
    });

    // 卡片视图按钮
    $('#viewCardBtn').click(function () {
        $('#viewCardBtn').addClass('active');
        $('#viewListBtn').removeClass('active');
        $('#cardView').show();
        $('#listView').hide();
    });

    // 列表视图按钮
    $('#viewListBtn').click(function () {
        $('#viewListBtn').addClass('active');
        $('#viewCardBtn').removeClass('active');
        $('#listView').show();
        $('#cardView').hide();
    });

    // 筛选选项点击事件
    $('.filter-option').click(function () {
        if ($(this).hasClass('active')) {
            $(this).removeClass('active');
        } else {
            $(this).addClass('active');
        }
    });
});